---
title: '@roots/bud-criticalcss'
description: Generate above-the-fold CSS
sidebar_label: '🟡 @roots/bud-criticalcss'
---

import Usage from '@site/../../@roots/bud-criticalcss/docs/01-usage.md'
import Example from '@site/../../@roots/bud-criticalcss/docs/02-example.md'
import API from '@site/../../@roots/bud-criticalcss/docs/03-api.md'

:::info Experimental

This extension is experimental.

:::

This extension generates 'above-the-fold' css from your application styles.

For more information on this technique check out this [web.dev article](https://web.dev/extract-critical-css/).

## Installation

```sh npm2yarn
npm install @roots/bud-criticalcss --save-dev
```

## Usage

<Usage />

## Example

<Example />

## API

<API />
